<%--
  Created by IntelliJ IDEA.
  User: qhzhy
  Date: 2018/9/12
  Time: 0:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!--礼物管理-->

<div role="tabpanel" class="tab-pane" id="scho">

    <div class="check-div form-inline">
        <div class="col-xs-3">
            <button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addSchool">添加商品</button>
        </div>
        <div class="col-lg-4 col-xs-5">
            <input type="text" class=" form-control input-sm " placeholder="输入文字搜索">
            <button class="btn btn-white btn-xs ">查 询</button>
        </div>
        <div class="col-lg-3 col-lg-offset-1 col-xs-3"
             style="padding-right: 40px;text-align: right;float: right;">
            <label for="paixu">排序:&nbsp;</label>
            <select class="form-control">
                <option>礼物编号</option>
                <option>售价</option>
                <option>人气值</option>
            </select>
        </div>
    </div>
    <div class="data-div">
        <div class="row tableHeader">
            <div class="col-xs-1 ">商品编号</div>
            <div class="col-xs-2 ">商品名称</div>
            <div class="col-xs-1 ">售价</div>
            <div class="col-xs-3">人气值</div>
            <div class="col-xs-2">商品图片</div>
            <div class="col-xs-1">操作</div>
        </div>
        <div class="tablebody">

            <div class="row">
                <div class="col-xs-1 ">1</div>
                <div class="col-xs-2">钻石</div>
                <div class="col-xs-1">45.0</div>
                <div class="col-xs-3">60</div>
                <div class="col-xs-2">
                    <a class="linkCcc"><img src="fonts/lato/lato-black.svg"></a>
                </div>

                <div class="col-xs-2">
                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#reviseSchool">
                        修改
                    </button>
                    <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteSchool">
                        删除
                    </button>
                </div>
            </div>

        </div>

    </div>
    <!--页码块-->
    <footer class="footer">
        <ul class="pagination">
            <li>
                <select>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                </select>
                页
            </li>
            <li class="gray">
                共20页
            </li>
            <li>
                <i class="glyphicon glyphicon-menu-left">
                </i>
            </li>
            <li>
                <i class="glyphicon glyphicon-menu-right">
                </i>
            </li>
        </ul>
    </footer>

    <!--弹出添加用户窗口-->
    <div class="modal fade" id="addSchool" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">添加地区</h4>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <form class="form-horizontal">
                            <div class="form-group ">
                                <label for="sGiftName" class="col-xs-3 control-label">商品名称：</label>
                                <div class="col-xs-8 ">
                                    <input type="text" class="form-control input-sm duiqi" id="sGiftName"
                                           placeholder="">
                                </div>
                            </div>
                            <div class="form-group ">
                                <label for="sSale" class="col-xs-3 control-label">售价：</label>
                                <div class="col-xs-8 ">
                                    <input type="number" class="form-control input-sm duiqi" id="sSale"
                                           placeholder="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="sPopularity" class="col-xs-3 control-label">人气值：</label>
                                <div class="col-xs-8 ">
                                    <input type="number" class="form-control input-sm duiqi"
                                           id="sPopularity" placeholder="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="sImage" class="col-xs-3 control-label">图片：</label>
                                <div class="col-xs-6 ">
                                    <input name="imgfile" type="file"
                                           accept="image/gif, image/jpeg, image/png"/>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                    <button type="button" class="btn btn-xs btn-green">保 存</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <!--弹出修改用户窗口-->
    <div class="modal fade" id="reviseSchool" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">修改地区</h4>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <form class="form-horizontal">
                            <div class="form-group ">
                                <label for="sGiftName" class="col-xs-3 control-label">商品名称：</label>
                                <div class="col-xs-8 ">
                                    <input type="text" class="form-control input-sm duiqi" id="sGiftName"
                                           placeholder="">
                                </div>
                            </div>
                            <div class="form-group ">
                                <label for="sSale" class="col-xs-3 control-label">售价：</label>
                                <div class="col-xs-8 ">
                                    <input type="number" class="form-control input-sm duiqi" id="sSale"
                                           placeholder="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="sPopularity" class="col-xs-3 control-label">人气值：</label>
                                <div class="col-xs-8 ">
                                    <input type="number" class="form-control input-sm duiqi"
                                           id="sPopularity" placeholder="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="sImage" class="col-xs-3 control-label">图片：</label>
                                <div class="col-xs-6 ">
                                    <input name="imgfile" type="file"
                                           accept="image/gif, image/jpeg, image/png"/>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                    <button type="button" class="btn btn-xs btn-green">保 存</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <!--弹出删除用户警告窗口-->
    <div class="modal fade" id="deleteSchool" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        确定要删除该地区？删除后不可恢复！
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                    <button type="button" class="btn btn-xs btn-danger">保 存</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

</div>
